﻿@using Microsoft.Health.Fhir.Api

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />

    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>@ViewBag.Title</title>

    <link rel="stylesheet" href="//ajax.aspnetcdn.com/ajax/bootstrap/3.3.6/css/bootstrap.min.css" />
    <script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>

    <style>
        .navbar-inverse {
            background-color: #0078D7;
            border: none;
            border-radius: 0;
        }
        .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-brand {
            color: #fff;
        }
        .navbar-inverse .navbar-toggle {
            border-color: #fff;
        }
        .row {
            margin-bottom: 2rem;
        }
        pre {
            border-radius: 0;
        }
        table { width: 100%; }

        /* FHIR Runtime CSS*/
        .bold { font-weight: bold }
        .italics { font-style: italic }
        .underline { text-decoration: underline }
        .strikethrough { text-decoration: line-through }
        .left { text-align : left }
        .right { text-align : right }
        .center { text-align : center }
        .justify { text-align : justify }
        .border-left { border-left: 1px solid grey}
        .border-right { border-right: 1px solid grey }
        .border-top { border-top: 1px solid grey }
        .border-bottom { border-bottom: 1px solid grey }
        .arabic { list-style-type: decimal }
        .little-roman { list-style-type: lower-roman }
        .big-roman { list-style-type: upper-roman }
        .little-alpha { list-style-type: lower-alpha }
        .big-alpha { list-style-type: upper-alpha }
        .disc { list-style-type: disc }
        .circle { list-style-type : circle }
        .square { list-style-type: square }
        .nolist { list-style-type: none }
    </style>
</head>

<body>
<div class="container">
    <div class="row">
        <a href="https://www.microsoft.com" class="navbar-brand">
            <img src="" alt="Microsoft" height="23" />
        </a>
    </div>
</div>
<nav class="navbar navbar-inverse">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">@Resources.ToggleNavigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>

            <a href="~/" class="navbar-brand">
                @Resources.PageTitle
            </a>

        </div>
        <div class="collapse navbar-collapse" id="navbar">
            <ul class="nav navbar-nav">
                <li>
                    <a href="~/" role="button">@Resources.MenuAPI</a>
                </li>
                <li>
                    <a href="~/metadata/" role="button">@Resources.MenuCapabilityStatement</a>
                </li>
            </ul>
        </div>
    </div>
    </nav>

    @RenderBody()

    <a href="#top" class="back-to-top">
        <i class="glyph glyph-up"></i>
        <span class="sr-only">@Resources.BackToTop</span>
    </a>

    <script src="//ajax.aspnetcdn.com/ajax/bootstrap/3.3.7/bootstrap.min.js"></script>

</body>
</html>
